class GameMap extends GameObject {
    constructor(playground) {
        super()
        this.playground = playground
        this.$canvas = $(`<canvas tabindex = 0></canvas>`)
        this.ctx = this.$canvas[0].getContext('2d')
        this.ctx.canvas.width = this.playground.width
        this.ctx.canvas.height = this.playground.height
        this.playground.$playground.append(this.$canvas)
    }

    start() {
        this.$canvas.focus()
    }

    resize() {
        this.ctx.canvas.width = this.playground.width
        this.ctx.canvas.height = this.playground.height
        this.ctx.fillStyle = "rgba(0,0,0,1)"
        this.ctx.fillRect(0,0,this.ctx.canvas.width,this.ctx.canvas.height)
    }

    render() {
        this.ctx.fillStyle = "rgba(0, 0, 0, 0.2)"
        this.ctx.fillRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height)
    }

    update() {
        this.render()
    }
}
